<template> 
    <div class="chufang-info">
        <div class="list">
            <span class="title">配送方式</span>
            <span class="float-right">快递</span>
        </div>
        <div class="list">
            <span class="title">订单号</span>
            <span class="float-right">{{item.order_no}}</span>
        </div>
         <div class="list" v-if="item.freight">
            <span class="title">运费</span>
            <span class="float-right price">￥{{item.freight}}</span>
        </div>
       <!--<div class="list">
            <span class="title">物流单号</span>
            <span class="float-right">快递</span>
        </div>-->
    </div>

</template>

<script>
 
export default {
    props: {
        item:{
            default:{},
            type:Object
        } 
    },
}

</script>
 
<style scoped lang="scss">

.chufang-info{
    margin-bottom:20rpx;
    padding:10rpx 25rpx;
    font-size:28rpx;
    background:#fff;
    border-radius:10rpx;
    .list{
        padding:20rpx 0;
        box-sizing:border-box;
        border-bottom:1rpx solid #E0E0E0;
        &:last-child{
            border:0;
        }
        .price{
            color:#CD4640;
        }
        .title{
            color:#9E9E9E;
        }
    }

}

</style>
